<!DOCTYPE html>
<html lang="">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <!-- <link rel="stylesheet" href="css/css.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/newcss.css">
    <link rel="stylesheet" href="css/newstyle.css"> -->
    <!-- <script src="http://apps.bdimg.com/libs/jquery/1.10.1/jquery.min.js"></script> -->
    <script type="text/javascript">
        !window.jQuery && document.write('<script src="js/jquery.min.js"><\/script>');
    </script>
    <script src="js/vue.js"></script>
    <title>计次卡</title>
</head>

<body style="background-color:#F3F2F0">
<div class="wrapper">
<div class="main mg_t0 countvue">
    <div class="card_wrap">
        <a class="card rows coupon" v-for="(inf,index) in info">
            <div class="cols3">
                <div class="info_head" :class="{'bgimg_hsize':inf.imgsize}" :style="{'background-color':couponType(inf.type_name)}">{{inf.type_name}} </div>
            </div>
            <div class="cols9">
                <p class="info_tit">适用于{{subclinic_name}}</p>
                <p class="info_txt cnt">{{inf.card_name}}</p>
                <p class="info_txt tips">{{inf.discount_desc}}</p>
            </div>
            <!-- <div class="coupontype">{{inf.type_name}}</div> -->
        </a>
        <input type="text" style="width:100%">
        <a href="javascript:void(0)">领取优惠券</a>
    </div>
    <div class="share_text">
        <h4>使用说明</h4>
        <ul>
            <li>1.啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</li>
            <li>1.啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</li>
            <li>1.啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</li>
            <li>1.啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</li>
            <li>1.啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</li>
        </ul>
    </div>
</div> 
<div class="mark"></div>
<div class="pop">
    <div class="popcnt"><p>文本?</p></div>
    <div class="popbtngroup rows nopd">
        <div class="cols6 popbtn cancel"><a href="javascript:void(0)" class="popcancel">取消</a></div>
        <div class="cols6 popbtn last ok"><a href="javascript:void(0)" class="popgo">确定</a></div>
    </div>
</div> 
</div>
</div>
<script>
    // var couponvue = new Vue({
    //     el:'.coupon',
    //     data:{
    //         subclinic_name:'',
    //         card_name:'',
    //         type_name:'',
    //         discount_desc:''
    //     },
    //     methods:{
    //         couponType:function(e){
    //             var _color = '#e7e7e7'
    //             if(e == '通用券'){
    //                 _color = '#008DED'
    //             }else if( e == '满减券'){
    //                 _color = '#21D0A9'
    //             }else if( e == '体验券'){
    //                 _color = '#F8841C'
    //             }
    //             return _color
    //         }
    //     },
    //     beforeCreate:function(){
    //         var that = this
    //         var _upData = {
    //             user_id:storageControl.getStorage('userId')
    //         }
    //         $.get('http://wechat.xrtn.dmpp.net.cn/children/frontend/web/index.php?r=child/getcoupon',_upData,function(res){
    //             if(res.code == '1'){
    //                 for(let i=0;i<res.data.length;i++){
    //                     res.data[i]['imgsize'] = true
    //                     baseFn.imgSize({
    //                         rts:1,
    //                         imgSrc:res.data[i].card_img,
    //                         s:function(){
    //                             res.data[i]['imgsize'] = false
    //                         },
    //                         b:function(){
    //                             res.data[i]['imgsize']= true
    //                         }
    //                     })
    //                 }
    //                 that.info = res.data
                    
    //             }else{
    //                 baseFn.popShow({
    //                     txt:res.info,
    //                     ok:function(){
    //                         window.location.assign('./vip.html')
    //                     }
    //                 })
    //             }
    //         },'json').complete(function(){
    //             baseFn.loading.call($('body'),'close')
    //         })
    //     },
    //     created:function(){
    //     }
    // })
</script>
</body>
</html>